{% extends 'base.html' %}
{% load staticfiles %}
{% block title %}尚硅谷书店-首页{% endblock title %}
{% block topfiles %}
{% endblock topfiles %}
{% block body %}

    <div class="main_con clearfix">
        <div class="left_menu_con clearfix">
            <h3>用户中心</h3>
            <ul>
                <li><a href="user_center_info.html" class="active">· 个人信息</a></li>
                <li><a href="user_center_order.html">· 全部订单</a></li>
                <li><a href="user_center_site.html">· 收货地址</a></li>
            </ul>
        </div>
        <div class="right_content clearfix">
            <div class="info_con clearfix">
                <h3 class="common_title2">基本信息</h3>
                <ul class="user_info_list">
                    <li><span>用户名：</span>{{ request.session.username }}</li>
                    {% if addr %}
                        <li><span>联系方式：</span>{{ addr.recipient_phone }}</li>
                        <li><span>联系地址：</span>{{ addr.recipient_addr }}</li>
                    {% else %}
                        <li><span>联系方式：</span>无</li>
                        <li><span>联系地址：</span>无</li>
                    {% endif %}
                </ul>
            </div>

            <h3 class="common_title2">最近浏览</h3>
            <div class="has_view_list">
                <ul class="book_type_list clearfix">
                    <li>
                        <a href={% url 'books:detail' books_id=1 %}><img src={% static "images/book/book003.jpg" %}></a>
                        <h4><a href={% url 'books:detail' books_id=1 %}>Python Cookbook</a></h4>
                        <div class="operate">
                            <span class="prize">￥16.80</span>
                            <span class="unit">/册</span>
                            <a href="#" class="add_book" title="加入购物车"></a>
                        </div>
                    </li>

                    <li>
                        <a href={% url 'books:detail' books_id=1 %}><img src={% static "images/book/book004.jpg" %}></a>
                        <h4><a href={% url 'books:detail' books_id=1 %}>Python高性能编程</a></h4>
                        <div class="operate">
                            <span class="prize">￥5.50</span>
                            <span class="unit">/册</span>
                            <a href="#" class="add_book" title="加入购物车"></a>
                        </div>
                    </li>

                    <li>
                        <a href={% url 'books:detail' books_id=1 %}><img src={% static "images/book/book005.jpg" %}></a>
                        <h4><a href={% url 'books:detail' books_id=1 %}>Javascript高级程序设计</a></h4>
                        <div class="operate">
                            <span class="prize">￥10.00</span>
                            <span class="unit">/册</span>
                            <a href="#" class="add_book" title="加入购物车"></a>
                        </div>
                    </li>

                    <li>
                        <a href="#"><img src={% static "images/book/book006.jpg" %}></a>
                        <h4><a href="#">Javascript权威指南</a></h4>
                        <div class="operate">
                            <span class="prize">￥28.80</span>
                            <span class="unit">/册</span>
                            <a href="#" class="add_book" title="加入购物车"></a>
                        </div>
                    </li>

                    <li>
                        <a href="#"><img src={% static "images/book/book007.jpg" %}></a>
                        <h4><a href="#">Javascript语言精粹</a></h4>
                        <div class="operate">
                            <span class="prize">￥6.45</span>
                            <span class="unit">/册</span>
                            <a href="#" class="add_book" title="加入购物车"></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% endblock body %}